<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">查看房源信息</h1>
</div>
<div class="wrapper-md" ng-controller="editHouseCtrl">
    <div class="row">
        <div class="col-md-12">
            <form class="form-horizontal" method="get" action="#">
                <div class="panel panel-default">
                    <div class="panel-heading font-bold">
                        基础信息
                    </div>
                    <div class="panel-body">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">所在城市<span style="color: red">*</span></label>
                            <div class="col-sm-2">
                                <ui-select ng-model="provinceid.selected" ng-disabled="true" theme="bootstrap">
                                    <ui-select-match>{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in provinceList | filter: $select.search">
                                        <div style="padding: -3px -20px;" ng-bind-html="item.name | highlight: $select.search" ng-click="chooseProvince($index,provinceList)"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                            <div class="col-sm-2">
                                <ui-select ng-model="cityid.selected" ng-disabled="true" theme="bootstrap">
                                    <ui-select-match>{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in cityList | filter: $select.search">
                                        <div style="padding: -3px -20px;" ng-bind-html="item.name | highlight: $select.search" ng-click="chooseCity($index,cityList)"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                            <div class="col-sm-2">
                                <ui-select ng-model="areaid.selected" ng-disabled="true" theme="bootstrap">
                                    <ui-select-match>{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in areaList | filter: $select.search">
                                        <div style="padding: -3px -20px;" ng-bind-html="item.name | highlight: $select.search" ng-click="chooseArea($index,areaList)"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                            <div class="col-sm-2">
                                <ui-select ng-model="streetid.selected" ng-disabled="true" theme="bootstrap">
                                    <ui-select-match>{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in streetList | filter: $select.search">
                                        <div style="padding: -3px -20px;" ng-bind-html="item.name | highlight: $select.search" ng-click="chooseStreet($index,streetList)"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">详细地址<span style="color: red">*</span></label>
                            <div class="col-sm-2">
                                <input type="text" ng-model="params.areaName" readonly='readonly' class="form-control" id="suggestId" placeholder="小区名称">
                                <input type="hidden" id="container" value="" />
                            </div>
                            <div class="col-sm-2">
                                <input type="text" class="form-control" readonly='readonly' ng-model="params.address" id="fullAddress" placeholder="房源具体地址">
                            </div>
                            <div class="col-sm-2_1" style="padding-left: 15px;">
                                <input type="text" ng-model="params.buildingNo" readonly='readonly' class="form-control" placeholder="楼号">
                            </div><div class="col-sm-1_1">号楼</div>
                            <div class="col-sm-2_1">
                                <input type="text" ng-model="params.unit" readonly='readonly' class="form-control" placeholder="单元号">
                            </div><div class="col-sm-1_1">单元</div>
                            <div class="col-sm-2_1">
                                <input type="text" ng-model="params.roomCode" readonly='readonly' class="form-control" placeholder="室号">
                            </div><div class="col-sm-1_1">室</div>
                        </div>

                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">户型<span style="color: red">*</span></label>
                            <div class="col-sm-2">
                                <ui-select ng-model="houseType.selected" theme="bootstrap" ng-disabled="true" style='background-color:#ccc;'>
                                    <ui-select-match placeholder="请选择户型...">{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in houseTypeList | filter: $select.search">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                            <div class="col-sm-2">
                                <ui-select ng-model="orientation.selected" theme="bootstrap" ng-disabled="true" style='background-color:#ccc;'>
                                    <ui-select-match placeholder="请选择朝向...">{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in orientationList | filter: $select.search">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                            <div class="col-sm-2">
                                <div class="input-group m-b">
                                    <input type="number" ng-model="params.houseSize" class="form-control" readonly='readonly' >
                                    <span class="input-group-addon">㎡</span>
                                </div>
                            </div>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">装修情况<span style="color: red">*</span></label>
                            <div class="col-sm-2">
                                <ui-select ng-model="renovation.selected" theme="bootstrap" ng-disabled="true" style='background-color:#ccc;'>
                                    <ui-select-match placeholder="请选择朝向...">{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in renovationList | filter: $select.search">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">层高<span style="color: red">*</span></label>
                            <div class="col-sm-2">
                                <input type="number" class="form-control" placeholder="所在楼层" ng-model="params.currFloor" readonly='readonly' >
                            </div>
                            <div class="col-sm-2">
                                <input type="number" class="form-control" placeholder="总楼层数" ng-model="params.floors" readonly='readonly' >
                            </div>
                        </div>
                        <!-- <div class="form-group">
                            <label class="col-sm-2 control-label">房东手机号<span style="color: red">*</span></label>
                            <div class="col-sm-2">
                                <input type="text" class="form-control" placeholder="房东手机号" ng-model="params.landlordMobile">
                            </div>
                        </div> -->
                    </div>
                    <div class="panel-heading font-bold">
                        出租信息
                    </div>
                    <div class="panel-body">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">出租类型<span style="color: red">*</span></label>
                            <div class="col-sm-2">
                                <ui-select ng-model="leaseType.selected" theme="bootstrap" ng-disabled="true" style='background-color:#ccc;'>
                                    <ui-select-match placeholder="请选择出租类型...">{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in leaseTypeList | filter: $select.search">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                            <label class="col-sm-1 control-label">出租状态<span style="color: red">*</span></label>
                            <div  class="col-sm-2">
                                <ui-select ng-model="isRent.selected" theme="bootstrap" ng-disabled="true" style='background-color:#ccc;'>
                                    <ui-select-match placeholder="请选择是否出租...">{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in isRentList | filter: $select.search">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                            <!-- <label class="col-sm-1 control-label">是否可以随时入住<span style="color: red">*</span></label>
                            <div  class="col-sm-2">
                                <ui-select ng-model="isAnyTime.selected" theme="bootstrap">
                                    <ui-select-match placeholder="请选择是否随时可以入住...">{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in isAnyTimeList | filter: $select.search">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div> -->
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">挂牌租金 <span style="color: red">*</span></label>
                            <div class="col-sm-2">
                                <div class="input-group m-b">
                                    <input type="number" ng-model="params.houseRent" class="form-control" readonly='readonly'>
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                            <label class="col-sm-1 control-label">支付方式<span style="color: red">*</span></label>
                            <div class="col-sm-2">
                                <ui-select ng-model="payType.selected" theme="bootstrap" ng-disabled="true" style='background-color:#ccc;'>
                                    <ui-select-match placeholder="请选择支付方式...">{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in payTypeList | filter: $select.search">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                            <label class="col-sm-1 control-label">押金<span style="color: red">*</span></label>
                            <div class="col-sm-2">
                                <ui-select ng-model="deposit.selected" theme="bootstrap" ng-disabled="true" style='background-color:#ccc;'>
                                    <ui-select-match placeholder="请选择押金...">{{$select.selected.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in depositList | filter: $select.search">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div>
                    </div>
                    <div class="panel-heading font-bold">
                        房屋描述
                    </div>
                    <div class="panel-body">
                        
                       <!--  <div class="form-group">
                            <label class="col-sm-2 control-label" ng-click="selectHouseDevice()">房屋设施</label>
                            <div class="col-sm-8">
                                <ui-select multiple ng-model="houseDevice.selected" theme="bootstrap">
                                    <ui-select-match placeholder="请选择房屋设施...">{{$item.name}}</ui-select-match>
                                    <ui-select-choices repeat="item in houseDeviceList | filter: $select.search">
                                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div> -->
                        
                        <!-- <div class="form-group">
                            <label class="col-sm-2 control-label">房屋设施</label>
                            
                            <div class="col-sm-8">
                                <div class="col-sm-2 control-label" ng-model="houseDevice.selected" ng-click="selectHouseDevice()" ng-repeat="item in houseDeviceList">
                                    <label for="{{item.name}}">{{item.name}}</label>
                                    <input type="checkbox" id="{{item}}" name="{{item.name}}" ng-bind-html="item.name"  readonly='readonly' />
                                </div>
                            </div>
                            <button type="button" ng-model="master" ng-click="chooseAll()">反选</button>
                        </div> -->

                        <div class="form-group">
                            <label class="col-sm-2 control-label">房屋设施</label>
                        </div>
                        <div>
                            <button class="selectInvert" type="button" ng-click="chooseAll()">全选/反选</button>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-10 houseDeviceOption">
                                <div class="col-sm-2" >
                                    <label class="furniture" ng-class={active:bed}>床</label>
                                    <input type="checkbox" id="bed" class="checkBoxSelected" ng-model="bed" ng-checked="params.bed" />
                                </div>
                                <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:sofa}>沙发</label>
                                   <input type="checkbox" id="sofa" class="checkBoxSelected" ng-model="sofa" ng-checked="params.sofa" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:board}>餐桌</label>
                                   <input type="checkbox" id="board" class="checkBoxSelected" ng-model="board" ng-checked="params.board" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:desk}>书桌</label>
                                   <input type="checkbox" id="desk" class="checkBoxSelected" ng-model="desk" ng-checked="params.desk" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:chair}>椅子</label>
                                   <input type="checkbox" id="chair" class="checkBoxSelected" ng-model="chair" ng-checked="params.chair" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:washMachine}>洗衣机</label>
                                   <input type="checkbox" id="washMachine" class="checkBoxSelected" ng-model="washMachine" ng-checked="params.washMachine" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:refrigerator}>冰箱</label>
                                   <input type="checkbox" id="refrigerator" class="checkBoxSelected" ng-model="refrigerator" ng-checked="params.refrigerator" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:television}>电视</label>
                                   <input type="checkbox" id="television" class="checkBoxSelected" ng-model="television" ng-checked="params.television" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:airCondition}>空调</label>
                                   <input type="checkbox" id="airCondition" class="checkBoxSelected" ng-model="airCondition" ng-checked="params.airCondition" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:waterHeater}>热水器</label>
                                   <input type="checkbox" id="waterHeater" class="checkBoxSelected" ng-model="waterHeater" ng-checked="params.waterHeater" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:lampblackMachine}>油烟机</label>
                                   <input type="checkbox" id="lampblackMachine" class="checkBoxSelected" ng-model="lampblackMachine" ng-checked="params.lampblackMachine" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:ambry}>橱柜</label>
                                   <input type="checkbox" id="ambry" class="checkBoxSelected" ng-model="ambry" ng-checked="params.ambry" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:wifi}>无线网</label>
                                   <input type="checkbox" id="wifi" class="checkBoxSelected" ng-model="wifi" ng-checked="params.wifi" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:stove}>燃气灶</label>
                                   <input type="checkbox" id="stove" class="checkBoxSelected" ng-model="stove" ng-checked="params.stove" />
                               </div>
                               <div class="col-sm-2" >
                                   <label class="furniture" ng-class={active:microwaveOven}>微波炉</label>
                                   <input type="checkbox" id="microwaveOven" class="checkBoxSelected" ng-model="microwaveOven" ng-checked="params.microwaveOven" />
                               </div>
                            </div>
                        </div>

                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <!-- <div class="form-group">
                            <label class="col-sm-2 control-label">卧室照片</label>
                            <div class="col-sm-8">
                                <tiny-image source="bedRoom" on-change="bedRoomChange" ng-disabled="true" ></tiny-image>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">客厅照片</label>
                            <div class="col-sm-8">
                                <tiny-image source="livingRoom" on-change="livingRoomChange" ng-disabled="true" ></tiny-image>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">卫生间照片</label>
                            <div class="col-sm-8">
                                <tiny-image source="bathRoom" on-change="bathRoomChange" ng-disabled="true" ></tiny-image>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">厨房照片</label>
                            <div class="col-sm-8">
                                <tiny-image source="kitchenRoom" on-change="kitchenRoomChange" ng-disabled="true" ></tiny-image>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">外部照片</label>
                            <div class="col-sm-8">
                                <tiny-image source="environment" on-change="environmentChange" ng-disabled="true" ></tiny-image>
                            </div>
                        </div> -->
                        <uploadimgreadonly></uploadimgreadonly>
                        <div class="form-group">
                            <label class="col-sm-2  control-label">房屋简介</label>
                            <textarea class="col-sm-6" style="min-height: 60px;" ng-model="params.description"  readonly='readonly'></textarea>
                        </div>
                        <div class="form-group">
                             <label class="col-sm-2  control-label">宜居人数</label>
                            <textarea class="col-sm-6" style="min-height: 60px;" ng-model="params.habitable"  readonly='readonly'></textarea>
                        </div>
                        <div class="form-group">
                             <label class="col-sm-2  control-label">房东寄语</label>
                            <textarea class="col-sm-6" style="min-height: 60px;" ng-model="params.remark"  readonly='readonly'></textarea>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <div ng-click="backList(type)" class="btn btn-default">返回</div>
                                <!-- <div ng-click="saveData(type)" class="btn btn-primary">保存</div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
